|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>魅せるホームページ作成講座</TITLE> </HEAD> <BODY onLoad="ImageMove()"> <IMG id="img0" src="star0.gif" style="position:absolute; left:-30px; top:-30px;"> <IMG id="img1" src="star1.gif" style="position:absolute; left:-30px; top:-30px;"> <IMG id="img2" src="star2.gif" style="position:absolute; left:-30px; top:-30px;"> <SCRIPT type="text/javascript"> <!-- var ix0=-30, iy0=-30; var ix1=-30, iy1=-30; var ix2=-30, iy2=-30; var mx=0, my=0; document.onmousemove = MouseMove; function MouseMove() { mx=event.clientX; my=event.clientY; } function ImageMove() { ix0=ix0+(mx-ix0)/10; iy0=iy0+(my-iy0)/10; ix1=ix1+(mx-ix1)/20; iy1=iy1+(my-iy1)/20; ix2=ix2+(mx-ix2)/30; iy2=iy2+(my-iy2)/30; img0.style.left = ix0 + "px"; img0.style.top = iy0 + "px"; img1.style.left = ix1 + "px"; img1.style.top = iy1 + "px"; img2.style.left = ix2 + "px"; img2.style.top = iy2 + "px"; setTimeout("ImageMove()",10); } // --> </SCRIPT> </BODY> </HTML> |